<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文本属性</title>
    <style type="text/css">
        p{background-color: #ececec;height: 150px;text-align: center;line-height: 150px }
        .one{font-size: 80px;color: #c9394a;font-weight: bold;}
        .two{font-size: 40px;color: gray;text-decoration: underline;letter-spacing: 5px;vertical-align: 15px;}
        .three{font-size: 80px;color:gray;font-style: oblique }
        div{
            width:100%;
            height:300px;
            background-image: url(img/css3.jpg);
            /*padding: 20px;*/
            /*margin: 20px;*/
            /*border: 20px dashed;*/
            background-repeat: no-repeat;
            border: 1px solid #ececec;
            /*background-attachment: fixed;*/
            /*background-position: 50px,50px;*/
            background-position: center;

        }
        /*ul li{list-style: circle}*/
        /*ul li{list-style: lower-roman}*/
        /*ul li{list-style: upper-alpha}*/
        ul li{list-style-image:url(img/remind.png);
              list-style-position: outside;
        }
    </style>
</head>
<body>
    <p><span class="one">慕课网</span>&nbsp;<span class="two">只学有用的</span><span class="three">!</span></p>
    <div></div>
    <ul>
        <li>家用电器</li>
        <li>电脑</li>
        <li>手机</li>
    </ul>

</body>
</html>